<!DOCTYPE html>
<html  xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="utf-8">
	<title>大数据管理平台</title>
	<meta charset="UTF-8">
	<link href="../css/BigData.css" rel="stylesheet" type="text/css" />
	<link href="../css/index.css" rel="stylesheet" type="text/css" />
	<link href="../css/index01.css" rel="stylesheet" type="text/css" />
	<link href="../css/Security_operation.css" rel="stylesheet" type="text/css" />
	<link href="../css/bootstrap.min.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="data_bodey">
	<div class="index_nav">
		<ul style="height: 30px; margin-bottom: 0px;">
			<li class="l_left total_chose_pl  nav_active">统计分析一</li>
			<li class="l_left total_chose_pl">统计分析二</li>
			<li class="r_right total_chose_pl">统计分析三</li>
			<li class="r_right total_chose_pl">统计分析四</li>
			<li class="r_right total_chose_pl">统计分析五</li>
		</ul>
		<div class="total_chose_box">
			<div style="height: 32px;"></div>
			<span class="chose_tltle">请选择年份：</span>
			<select class="year_chose">
				<option>2017</option>
				<option>2016</option>
				<option>2015</option>
				<option>2014</option>
				<option>2013</option>
				<option>2012</option>
			</select>
			<span class="chose_tltle">请输入月份：</span>
			<input class="chose_text_in">
			<button class="chose_enter">确定</button>
		</div>
		<div class="clear"></div>
	</div>
	<div class="index_tabs">
		<div class="inner">
			<div class="data_left03">
				<div class="dataAllNo01 maginS01">
					<div class="dataAllBorder01">
						<div class="dataAllBorder02">
							<div class="data_tit3">在训班级整体情况分析</div>
							<div class="01" style="height: 40% ;width:100%">
								<table class="table_data01" id="classTb">
									<tr>
										<td>班级名称</td>
										<td>在训人数</td>
										<td>项目经理</td>
										<td>重点关注人数</td>
										<td>课程阶段</td>
									</tr>
								</table>
							</div>

							<p class="data_chart01" id="zhanbi02"></p>

						</div>
					</div>
				</div>
			</div>
			<div class="data_left04">

				<!--style="margin-top: 6.3%"-->
				<div class="dataAllNo01">
					<div class="dataAllBorder01">
						<div class="dataAllBorder02">
							<div class="data_tit3">各班级作业情况分析</div>
							<table class="table_data02">
								<tr>
									<td class="font07">完成率</td>
									<td class="font03" id="complete_rate">80%</td>
									<td class="font07">提交率</td>
									<td class="font02" id="submit_rate">50%</td>
								</tr>
								<tr>
									<td class="font07">完成率低于40%占比</td>
									<td class="font01" id="lt40_rate">10%</td>
									<td class="font07">完成率高于80%占比</td>
									<td class="font01" id="gt80_rate">464.15%</td>
								</tr>
							</table>
							<p class="zhanleft02" id="allAly03"></p>
							<table class="table_data_ex" id="classTb1">
								<caption class="font04">本周核心作业完成率低于40%学员列表</caption>
								<tr>
									<td>姓名</td>
									<td>班级</td>
									<td>核心作业完成率</td>
									<td>课程阶段</td>
									<td>完善措施</td>
								</tr>
								<!--<tr>
                                    <td>lihong</td>
                                    <td>java297</td>
                                    <td>20%</td>
                                    <td>servlet阶段</td>
                                    <td>加强补课</td>
                                </tr>
                                <tr>
                                    <td>lihong</td>
                                    <td>java297</td>
                                    <td>20%</td>
                                    <td>servlet阶段</td>
                                    <td>加强补课</td>
                                </tr>
                                <tr>
                                    <td>lihong</td>
                                    <td>java297</td>
                                    <td>20%</td>
                                    <td>servlet阶段</td>
                                    <td>加强补课</td>
                                </tr>
                                <tr>
                                    <td>lihong</td>
                                    <td>java297</td>
                                    <td>20%</td>
                                    <td>servlet阶段</td>
                                    <td>加强补课</td>
                                </tr>
                                <tr>
                                    <td>lihong</td>
                                    <td>java297</td>
                                    <td>20%</td>
                                    <td>servlet阶段</td>
                                    <td>加强补课</td>
                                </tr>	-->
							</table>
						</div>
					</div>
				</div>
			</div>
			<div class="data_left03">
				<div class="dataAllNo01 maginS01">
					<div class="dataAllBorder01">
						<div class="dataAllBorder02">
							<div class="data_tit3">各班级考核情况分析</div>
							<table class="table_data02">
								<tr>
									<td class="font07">本周总成绩</td>
									<td class="font03" id="score_sum"></td>
									<td class="font07">平均成绩</td>
									<td class="font02" id="score_avg"></td>
								</tr>
							</table>
							<!--班级平均成绩图表-->
							<div id="allAly04" style="width: 90%; height: 45%;margin-top: 10px;"></div>
							<!--A/B/C/D类学员图表-->
							<div id="allAly05" style="width: 90%; height: 45%;margin-top: 10px;"></div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-----------项目扩展功能---------------->
		<div class="blank"></div>
		<div class="inner" >
			<!--<div class="inner" style="display: none">-->
			<div class="clear"></div>
			<div class="data_left05">
				<div class="dataAllNo02 ">
					<div class="dataAllBorder01">
						<div class="dataAllBorder02">
							<div class="data_tit">当周项目经理发布作业次数</div>
							<div style="width: 800px; height: 400px;" id="shijian01"></div>
						</div>
					</div>

				</div>
			</div>
			<div class="data_left06">
				<div class="dataAllNo02 ">
					<div class="dataAllBorder01">
						<div class="dataAllBorder02">
							<div class="data_tit4">学员各省就业空间展示</div>
							<div style="width: 100%; height: 95%;" id="shijian03"></div>
						</div>
					</div>

				</div>
			</div>
			<!--<div class="clear"></div>-->
			<div class="data_left05">
				<div class="dataAllNo02">
					<div class="dataAllBorder01">
						<div class="dataAllBorder02">
							<div class="data_tit">当周各班级考核次数</div>
							<div style="width: 800px; height: 400px;" id="shijian02"></div>
						</div>
					</div>
				</div>
			</div>
			<!--<div class="data_left05">
                <div class="dataAllNo02">
                    <div class="dataAllBorder01">
                        <div class="dataAllBorder02">
                            <div class="data_tit">学员空间定位信息</div>
                            <div style="width: 400px; height: 400px;" id="shijian04"></div>
                            </div>
                        </div>

                    </div>
                </div>-->
		</div>
		<!-----------项目扩展功能---------------->
	</div>
</div>
</div>
</body>
</html>
<script src="../js/echarts.min.js"></script>
<script src="../js/jquery.js"></script>
<script src="../js/index.js"></script>

<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts@5.2.0/dist/echarts.min.js"></script>
<script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=1AoNV2RRAyOyIpZRfHPopWNKexyMmNfn"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts@5.2.0/dist/extension/bmap.min.js"></script>
<script type="text/javascript">

	//地图信息配置
	$(function () {
		// 初始化echarts实例
		let myChart = echarts.init(document.getElementById('shijian03'));
		// 指定图表的配置项和数据
		const data = [
			{ name: '海门', value: 9 },
			{ name: '鄂尔多斯', value: 12 },
			{ name: '招远', value: 12 },
			{ name: '舟山', value: 12 },
			{ name: '齐齐哈尔', value: 14 },
			{ name: '盐城', value: 15 },
			{ name: '赤峰', value: 16 },
			{ name: '青岛', value: 18 },
			{ name: '乳山', value: 18 },
			{ name: '金昌', value: 19 },
			{ name: '泉州', value: 21 },
			{ name: '莱西', value: 21 },
			{ name: '日照', value: 21 },
			{ name: '胶南', value: 22 },
			{ name: '南通', value: 23 },
			{ name: '拉萨', value: 24 },
			{ name: '云浮', value: 24 },
			{ name: '梅州', value: 25 },
			{ name: '文登', value: 25 },
			{ name: '上海', value: 25 },
			{ name: '攀枝花', value: 25 },
			{ name: '威海', value: 25 },
			{ name: '承德', value: 25 },
			{ name: '厦门', value: 26 },
			{ name: '汕尾', value: 26 },
			{ name: '潮州', value: 26 },
			{ name: '丹东', value: 27 },
			{ name: '太仓', value: 27 },
			{ name: '曲靖', value: 27 },
			{ name: '烟台', value: 28 },
			{ name: '福州', value: 29 },
			{ name: '瓦房店', value: 30 },
			{ name: '即墨', value: 30 },
			{ name: '抚顺', value: 31 },
			{ name: '玉溪', value: 31 },
			{ name: '张家口', value: 31 },
			{ name: '阳泉', value: 31 },
			{ name: '莱州', value: 32 },
			{ name: '湖州', value: 32 },
			{ name: '汕头', value: 32 },
			{ name: '昆山', value: 33 },
			{ name: '宁波', value: 33 },
			{ name: '湛江', value: 33 },
			{ name: '揭阳', value: 34 },
			{ name: '荣成', value: 34 },
			{ name: '连云港', value: 35 },
			{ name: '葫芦岛', value: 35 },
			{ name: '常熟', value: 36 },
			{ name: '东莞', value: 36 },
			{ name: '河源', value: 36 },
			{ name: '淮安', value: 36 },
			{ name: '泰州', value: 36 },
			{ name: '南宁', value: 37 },
			{ name: '营口', value: 37 },
			{ name: '惠州', value: 37 },
			{ name: '江阴', value: 37 },
			{ name: '蓬莱', value: 37 },
			{ name: '韶关', value: 38 },
			{ name: '嘉峪关', value: 38 },
			{ name: '广州', value: 38 },
			{ name: '延安', value: 38 },
			{ name: '太原', value: 39 },
			{ name: '清远', value: 39 },
			{ name: '中山', value: 39 },
			{ name: '昆明', value: 39 },
			{ name: '寿光', value: 40 },
			{ name: '盘锦', value: 40 },
			{ name: '长治', value: 41 },
			{ name: '深圳', value: 41 },
			{ name: '珠海', value: 42 },
			{ name: '宿迁', value: 43 },
			{ name: '咸阳', value: 43 },
			{ name: '铜川', value: 44 },
			{ name: '平度', value: 44 },
			{ name: '佛山', value: 44 },
			{ name: '海口', value: 44 },
			{ name: '江门', value: 45 },
			{ name: '章丘', value: 45 },
			{ name: '肇庆', value: 46 },
			{ name: '大连', value: 47 },
			{ name: '临汾', value: 47 },
			{ name: '吴江', value: 47 },
			{ name: '石嘴山', value: 49 },
			{ name: '沈阳', value: 50 },
			{ name: '苏州', value: 50 },
			{ name: '茂名', value: 50 },
			{ name: '嘉兴', value: 51 },
			{ name: '长春', value: 51 },
			{ name: '胶州', value: 52 },
			{ name: '银川', value: 52 },
			{ name: '张家港', value: 52 },
			{ name: '三门峡', value: 53 },
			{ name: '锦州', value: 54 },
			{ name: '南昌', value: 54 },
			{ name: '柳州', value: 54 },
			{ name: '三亚', value: 54 },
			{ name: '自贡', value: 56 },
			{ name: '吉林', value: 56 },
			{ name: '阳江', value: 57 },
			{ name: '泸州', value: 57 },
			{ name: '西宁', value: 57 },
			{ name: '宜宾', value: 58 },
			{ name: '呼和浩特', value: 58 },
			{ name: '成都', value: 58 },
			{ name: '大同', value: 58 },
			{ name: '镇江', value: 59 },
			{ name: '桂林', value: 59 },
			{ name: '张家界', value: 59 },
			{ name: '宜兴', value: 59 },
			{ name: '北海', value: 60 },
			{ name: '西安', value: 61 },
			{ name: '金坛', value: 62 },
			{ name: '东营', value: 62 },
			{ name: '牡丹江', value: 63 },
			{ name: '遵义', value: 63 },
			{ name: '绍兴', value: 63 },
			{ name: '扬州', value: 64 },
			{ name: '常州', value: 64 },
			{ name: '潍坊', value: 65 },
			{ name: '重庆', value: 66 },
			{ name: '台州', value: 67 },
			{ name: '南京', value: 67 },
			{ name: '滨州', value: 70 },
			{ name: '贵阳', value: 71 },
			{ name: '无锡', value: 71 },
			{ name: '本溪', value: 71 },
			{ name: '克拉玛依', value: 72 },
			{ name: '渭南', value: 72 },
			{ name: '马鞍山', value: 72 },
			{ name: '宝鸡', value: 72 },
			{ name: '焦作', value: 75 },
			{ name: '句容', value: 75 },
			{ name: '北京', value: 79 },
			{ name: '徐州', value: 79 },
			{ name: '衡水', value: 80 },
			{ name: '包头', value: 80 },
			{ name: '绵阳', value: 80 },
			{ name: '乌鲁木齐', value: 84 },
			{ name: '枣庄', value: 84 },
			{ name: '杭州', value: 84 },
			{ name: '淄博', value: 85 },
			{ name: '鞍山', value: 86 },
			{ name: '溧阳', value: 86 },
			{ name: '库尔勒', value: 86 },
			{ name: '安阳', value: 90 },
			{ name: '开封', value: 90 },
			{ name: '济南', value: 92 },
			{ name: '德阳', value: 93 },
			{ name: '温州', value: 95 },
			{ name: '九江', value: 96 },
			{ name: '邯郸', value: 98 },
			{ name: '临安', value: 99 },
			{ name: '兰州', value: 99 },
			{ name: '沧州', value: 100 },
			{ name: '临沂', value: 103 },
			{ name: '南充', value: 104 },
			{ name: '天津', value: 105 },
			{ name: '富阳', value: 106 },
			{ name: '泰安', value: 112 },
			{ name: '诸暨', value: 112 },
			{ name: '郑州', value: 113 },
			{ name: '哈尔滨', value: 114 },
			{ name: '聊城', value: 116 },
			{ name: '芜湖', value: 117 },
			{ name: '唐山', value: 119 },
			{ name: '平顶山', value: 119 },
			{ name: '邢台', value: 119 },
			{ name: '德州', value: 120 },
			{ name: '济宁', value: 120 },
			{ name: '荆州', value: 127 },
			{ name: '宜昌', value: 130 },
			{ name: '义乌', value: 132 },
			{ name: '丽水', value: 133 },
			{ name: '洛阳', value: 134 },
			{ name: '秦皇岛', value: 136 },
			{ name: '株洲', value: 143 },
			{ name: '石家庄', value: 147 },
			{ name: '莱芜', value: 148 },
			{ name: '常德', value: 152 },
			{ name: '保定', value: 153 },
			{ name: '湘潭', value: 154 },
			{ name: '金华', value: 157 },
			{ name: '岳阳', value: 169 },
			{ name: '长沙', value: 175 },
			{ name: '衢州', value: 177 },
			{ name: '廊坊', value: 193 },
			{ name: '菏泽', value: 194 },
			{ name: '合肥', value: 229 },
			{ name: '武汉', value: 273 },
			{ name: '大庆', value: 279 }
		];
		const geoCoordMap = {
			海门: [121.15, 31.89],
			鄂尔多斯: [109.781327, 39.608266],
			招远: [120.38, 37.35],
			舟山: [122.207216, 29.985295],
			齐齐哈尔: [123.97, 47.33],
			盐城: [120.13, 33.38],
			赤峰: [118.87, 42.28],
			青岛: [120.33, 36.07],
			乳山: [121.52, 36.89],
			金昌: [102.188043, 38.520089],
			泉州: [118.58, 24.93],
			莱西: [120.53, 36.86],
			日照: [119.46, 35.42],
			胶南: [119.97, 35.88],
			南通: [121.05, 32.08],
			拉萨: [91.11, 29.97],
			云浮: [112.02, 22.93],
			梅州: [116.1, 24.55],
			文登: [122.05, 37.2],
			上海: [121.48, 31.22],
			攀枝花: [101.718637, 26.582347],
			威海: [122.1, 37.5],
			承德: [117.93, 40.97],
			厦门: [118.1, 24.46],
			汕尾: [115.375279, 22.786211],
			潮州: [116.63, 23.68],
			丹东: [124.37, 40.13],
			太仓: [121.1, 31.45],
			曲靖: [103.79, 25.51],
			烟台: [121.39, 37.52],
			福州: [119.3, 26.08],
			瓦房店: [121.979603, 39.627114],
			即墨: [120.45, 36.38],
			抚顺: [123.97, 41.97],
			玉溪: [102.52, 24.35],
			张家口: [114.87, 40.82],
			阳泉: [113.57, 37.85],
			莱州: [119.942327, 37.177017],
			湖州: [120.1, 30.86],
			汕头: [116.69, 23.39],
			昆山: [120.95, 31.39],
			宁波: [121.56, 29.86],
			湛江: [110.359377, 21.270708],
			揭阳: [116.35, 23.55],
			荣成: [122.41, 37.16],
			连云港: [119.16, 34.59],
			葫芦岛: [120.836932, 40.711052],
			常熟: [120.74, 31.64],
			东莞: [113.75, 23.04],
			河源: [114.68, 23.73],
			淮安: [119.15, 33.5],
			泰州: [119.9, 32.49],
			南宁: [108.33, 22.84],
			营口: [122.18, 40.65],
			惠州: [114.4, 23.09],
			江阴: [120.26, 31.91],
			蓬莱: [120.75, 37.8],
			韶关: [113.62, 24.84],
			嘉峪关: [98.289152, 39.77313],
			广州: [113.23, 23.16],
			延安: [109.47, 36.6],
			太原: [112.53, 37.87],
			清远: [113.01, 23.7],
			中山: [113.38, 22.52],
			昆明: [102.73, 25.04],
			寿光: [118.73, 36.86],
			盘锦: [122.070714, 41.119997],
			长治: [113.08, 36.18],
			深圳: [114.07, 22.62],
			珠海: [113.52, 22.3],
			宿迁: [118.3, 33.96],
			咸阳: [108.72, 34.36],
			铜川: [109.11, 35.09],
			平度: [119.97, 36.77],
			佛山: [113.11, 23.05],
			海口: [110.35, 20.02],
			江门: [113.06, 22.61],
			章丘: [117.53, 36.72],
			肇庆: [112.44, 23.05],
			大连: [121.62, 38.92],
			临汾: [111.5, 36.08],
			吴江: [120.63, 31.16],
			石嘴山: [106.39, 39.04],
			沈阳: [123.38, 41.8],
			苏州: [120.62, 31.32],
			茂名: [110.88, 21.68],
			嘉兴: [120.76, 30.77],
			长春: [125.35, 43.88],
			胶州: [120.03336, 36.264622],
			银川: [106.27, 38.47],
			张家港: [120.555821, 31.875428],
			三门峡: [111.19, 34.76],
			锦州: [121.15, 41.13],
			南昌: [115.89, 28.68],
			柳州: [109.4, 24.33],
			三亚: [109.511909, 18.252847],
			自贡: [104.778442, 29.33903],
			吉林: [126.57, 43.87],
			阳江: [111.95, 21.85],
			泸州: [105.39, 28.91],
			西宁: [101.74, 36.56],
			宜宾: [104.56, 29.77],
			呼和浩特: [111.65, 40.82],
			成都: [104.06, 30.67],
			大同: [113.3, 40.12],
			镇江: [119.44, 32.2],
			桂林: [110.28, 25.29],
			张家界: [110.479191, 29.117096],
			宜兴: [119.82, 31.36],
			北海: [109.12, 21.49],
			西安: [108.95, 34.27],
			金坛: [119.56, 31.74],
			东营: [118.49, 37.46],
			牡丹江: [129.58, 44.6],
			遵义: [106.9, 27.7],
			绍兴: [120.58, 30.01],
			扬州: [119.42, 32.39],
			常州: [119.95, 31.79],
			潍坊: [119.1, 36.62],
			重庆: [106.54, 29.59],
			台州: [121.420757, 28.656386],
			南京: [118.78, 32.04],
			滨州: [118.03, 37.36],
			贵阳: [106.71, 26.57],
			无锡: [120.29, 31.59],
			本溪: [123.73, 41.3],
			克拉玛依: [84.77, 45.59],
			渭南: [109.5, 34.52],
			马鞍山: [118.48, 31.56],
			宝鸡: [107.15, 34.38],
			焦作: [113.21, 35.24],
			句容: [119.16, 31.95],
			北京: [116.46, 39.92],
			徐州: [117.2, 34.26],
			衡水: [115.72, 37.72],
			包头: [110, 40.58],
			绵阳: [104.73, 31.48],
			乌鲁木齐: [87.68, 43.77],
			枣庄: [117.57, 34.86],
			杭州: [120.19, 30.26],
			淄博: [118.05, 36.78],
			鞍山: [122.85, 41.12],
			溧阳: [119.48, 31.43],
			库尔勒: [86.06, 41.68],
			安阳: [114.35, 36.1],
			开封: [114.35, 34.79],
			济南: [117, 36.65],
			德阳: [104.37, 31.13],
			温州: [120.65, 28.01],
			九江: [115.97, 29.71],
			邯郸: [114.47, 36.6],
			临安: [119.72, 30.23],
			兰州: [103.73, 36.03],
			沧州: [116.83, 38.33],
			临沂: [118.35, 35.05],
			南充: [106.110698, 30.837793],
			天津: [117.2, 39.13],
			富阳: [119.95, 30.07],
			泰安: [117.13, 36.18],
			诸暨: [120.23, 29.71],
			郑州: [113.65, 34.76],
			哈尔滨: [126.63, 45.75],
			聊城: [115.97, 36.45],
			芜湖: [118.38, 31.33],
			唐山: [118.02, 39.63],
			平顶山: [113.29, 33.75],
			邢台: [114.48, 37.05],
			德州: [116.29, 37.45],
			济宁: [116.59, 35.38],
			荆州: [112.239741, 30.335165],
			宜昌: [111.3, 30.7],
			义乌: [120.06, 29.32],
			丽水: [119.92, 28.45],
			洛阳: [112.44, 34.7],
			秦皇岛: [119.57, 39.95],
			株洲: [113.16, 27.83],
			石家庄: [114.48, 38.03],
			莱芜: [117.67, 36.19],
			常德: [111.69, 29.05],
			保定: [115.48, 38.85],
			湘潭: [112.91, 27.87],
			金华: [119.64, 29.12],
			岳阳: [113.09, 29.37],
			长沙: [113, 28.21],
			衢州: [118.88, 28.97],
			廊坊: [116.7, 39.53],
			菏泽: [115.480656, 35.23375],
			合肥: [117.27, 31.86],
			武汉: [114.31, 30.52],
			大庆: [125.03, 46.58]
		};
		const convertData = function (data) {
			let res = [];
			for (let i = 0; i < data.length; i++) {
				let geoCoord = geoCoordMap[data[i].name];
				if (geoCoord) {
					res.push({
						name: data[i].name,
						value: geoCoord.concat(data[i].value)
					});
				}
			}
			return res;
		};
		option = {
			title: {
				text: '',
				subtext: '',
				left: 'center'
			},
			tooltip: {
				trigger: 'item'
			},
			bmap: {
				center: [84.114129, 47.550339],
				zoom: 5,
				roam: true,
				mapStyle: {
					styleJson: [{
						"featureType": "land",
						"elementType": "geometry",
						"stylers": {
							"color": "#4c69d3",
							"visibility": "on"
						}
					}, {
						"featureType": "water",
						"elementType": "labels.text.fill",
						"stylers": {
							"color": "#2d5770",
							"visibility": "on"
						}
					}, {
						"featureType": "building",
						"elementType": "geometry.fill",
						"stylers": {
							"color": "#003354ff",
							"visibility": "on"
						}
					}, {
						"featureType": "building",
						"elementType": "geometry.stroke",
						"stylers": {
							"color": "#00213bff",
							"visibility": "on"
						}
					}, {
						"featureType": "water",
						"elementType": "geometry",
						"stylers": {
							"color": "#2a3074",
							"visibility": "on"
						}
					}, {
						"featureType": "village",
						"elementType": "labels",
						"stylers": {
							"visibility": "off"
						}
					}, {
						"featureType": "town",
						"elementType": "labels",
						"stylers": {
							"visibility": "off"
						}
					}, {
						"featureType": "district",
						"elementType": "labels",
						"stylers": {
							"visibility": "off"
						}
					}, {
						"featureType": "country",
						"elementType": "labels.text.fill",
						"stylers": {
							"color": "#1fedfe",
							"visibility": "on"
						}
					}, {
						"featureType": "city",
						"elementType": "labels.text.fill",
						"stylers": {
							"color": "#c2fe97",
							"visibility": "on"
						}
					}, {
						"featureType": "continent",
						"elementType": "labels.text.fill",
						"stylers": {
							"color": "#b1fe97",
							"visibility": "on"
						}
					}, {
						"featureType": "poilabel",
						"elementType": "labels",
						"stylers": {
							"visibility": "off"
						}
					}, {
						"featureType": "poilabel",
						"elementType": "labels.icon",
						"stylers": {
							"visibility": "off"
						}
					}, {
						"featureType": "scenicspotslabel",
						"elementType": "labels.icon",
						"stylers": {
							"visibility": "off"
						}
					}, {
						"featureType": "scenicspotslabel",
						"elementType": "labels.text.fill",
						"stylers": {
							"color": "#7aff5f",
							"visibility": "on"
						}
					}, {
						"featureType": "transportationlabel",
						"elementType": "labels.text.fill",
						"stylers": {
							"color": "#97fe9a",
							"visibility": "on"
						}
					}, {
						"featureType": "transportationlabel",
						"elementType": "labels.icon",
						"stylers": {
							"visibility": "off"
						}
					}, {
						"featureType": "airportlabel",
						"elementType": "labels.text.fill",
						"stylers": {
							"color": "#97fead",
							"visibility": "on"
						}
					}, {
						"featureType": "airportlabel",
						"elementType": "labels.icon",
						"stylers": {
							"visibility": "off"
						}
					}, {
						"featureType": "road",
						"elementType": "geometry.fill",
						"stylers": {
							"color": "#7c9885ff",
							"visibility": "on"
						}
					}, {
						"featureType": "road",
						"elementType": "geometry.stroke",
						"stylers": {
							"color": "#5e755dff",
							"visibility": "on"
						}
					}, {
						"featureType": "road",
						"elementType": "geometry",
						"stylers": {
							"weight": 3
						}
					}, {
						"featureType": "green",
						"elementType": "geometry",
						"stylers": {
							"color": "#28666eff",
							"visibility": "on"
						}
					}, {
						"featureType": "scenicspots",
						"elementType": "geometry",
						"stylers": {
							"color": "#033f63ff",
							"visibility": "on"
						}
					}, {
						"featureType": "scenicspots",
						"elementType": "labels.text.fill",
						"stylers": {
							"color": "#fedc97ff",
							"visibility": "on"
						}
					}, {
						"featureType": "scenicspots",
						"elementType": "labels.text.stroke",
						"stylers": {
							"weight": 1,
							"color": "#b5b682ff",
							"visibility": "on"
						}
					}, {
						"featureType": "continent",
						"elementType": "labels.text.stroke",
						"stylers": {
							"color": "#b5b682ff",
							"visibility": "on",
							"weight": 1
						}
					}, {
						"featureType": "country",
						"elementType": "labels.text.stroke",
						"stylers": {
							"color": "#b5b682ff",
							"visibility": "on",
							"weight": 1
						}
					}, {
						"featureType": "city",
						"elementType": "labels.text.stroke",
						"stylers": {
							"color": "#b5b682ff",
							"visibility": "on",
							"weight": 1
						}
					}, {
						"featureType": "city",
						"elementType": "labels.icon",
						"stylers": {
							"visibility": "off"
						}
					}, {
						"featureType": "scenicspotslabel",
						"elementType": "labels.text.stroke",
						"stylers": {
							"color": "#b5b682ff",
							"visibility": "on",
							"weight": 1
						}
					}, {
						"featureType": "airportlabel",
						"elementType": "labels.text.stroke",
						"stylers": {
							"color": "#b5b682ff",
							"visibility": "on",
							"weight": 1
						}
					}, {
						"featureType": "transportationlabel",
						"elementType": "labels.text.stroke",
						"stylers": {
							"color": "#b5b682ff",
							"visibility": "on",
							"weight": 1
						}
					}, {
						"featureType": "railway",
						"elementType": "geometry",
						"stylers": {
							"visibility": "off"
						}
					}, {
						"featureType": "subway",
						"elementType": "geometry",
						"stylers": {
							"visibility": "off"
						}
					}, {
						"featureType": "highwaysign",
						"elementType": "labels",
						"stylers": {
							"visibility": "off"
						}
					}, {
						"featureType": "nationalwaysign",
						"elementType": "labels",
						"stylers": {
							"visibility": "off"
						}
					}, {
						"featureType": "nationalwaysign",
						"elementType": "labels.icon",
						"stylers": {
							"visibility": "off"
						}
					}, {
						"featureType": "provincialwaysign",
						"elementType": "labels",
						"stylers": {
							"visibility": "off"
						}
					}, {
						"featureType": "provincialwaysign",
						"elementType": "labels.icon",
						"stylers": {
							"visibility": "off"
						}
					}, {
						"featureType": "tertiarywaysign",
						"elementType": "labels",
						"stylers": {
							"visibility": "off"
						}
					}, {
						"featureType": "tertiarywaysign",
						"elementType": "labels.icon",
						"stylers": {
							"visibility": "off"
						}
					}, {
						"featureType": "subwaylabel",
						"elementType": "labels",
						"stylers": {
							"visibility": "off"
						}
					}, {
						"featureType": "subwaylabel",
						"elementType": "labels.icon",
						"stylers": {
							"visibility": "off"
						}
					}, {
						"featureType": "road",
						"elementType": "labels.text.fill",
						"stylers": {
							"color": "#fedc97ff",
							"visibility": "on",
							"weight": 90
						}
					}, {
						"featureType": "road",
						"elementType": "labels.text.stroke",
						"stylers": {
							"color": "#b5b682ff",
							"visibility": "on",
							"weight": 1
						}
					}, {
						"featureType": "shopping",
						"elementType": "geometry",
						"stylers": {
							"visibility": "off"
						}
					}, {
						"featureType": "scenicspots",
						"elementType": "labels",
						"stylers": {
							"visibility": "on"
						}
					}, {
						"featureType": "scenicspotslabel",
						"elementType": "labels",
						"stylers": {
							"visibility": "off"
						}
					}, {
						"featureType": "manmade",
						"elementType": "geometry",
						"stylers": {
							"visibility": "off"
						}
					}, {
						"featureType": "manmade",
						"elementType": "labels",
						"stylers": {
							"visibility": "off"
						}
					}, {
						"featureType": "highwaysign",
						"elementType": "labels.icon",
						"stylers": {
							"visibility": "off"
						}
					}, {
						"featureType": "water",
						"elementType": "labels.text.stroke",
						"stylers": {
							"color": "#28666e00",
							"visibility": "on"
						}
					}, {
						"featureType": "road",
						"stylers": {
							"curZoomRegionId": "0",
							"curZoomRegion": "6,9",
							"level": "6"
						}
					}, {
						"featureType": "road",
						"stylers": {
							"curZoomRegionId": "0",
							"curZoomRegion": "6,9",
							"level": "7"
						}
					}, {
						"featureType": "road",
						"stylers": {
							"curZoomRegionId": "0",
							"curZoomRegion": "6,9",
							"level": "8"
						}
					}, {
						"featureType": "road",
						"stylers": {
							"curZoomRegionId": "0",
							"curZoomRegion": "6,9",
							"level": "9"
						}
					}, {
						"featureType": "road",
						"elementType": "geometry",
						"stylers": {
							"visibility": "off",
							"curZoomRegionId": "0",
							"curZoomRegion": "6,9",
							"level": "6"
						}
					}, {
						"featureType": "road",
						"elementType": "geometry",
						"stylers": {
							"visibility": "off",
							"curZoomRegionId": "0",
							"curZoomRegion": "6,9",
							"level": "7"
						}
					}, {
						"featureType": "road",
						"elementType": "geometry",
						"stylers": {
							"visibility": "off",
							"curZoomRegionId": "0",
							"curZoomRegion": "6,9",
							"level": "8"
						}
					}, {
						"featureType": "road",
						"elementType": "geometry",
						"stylers": {
							"visibility": "off",
							"curZoomRegionId": "0",
							"curZoomRegion": "6,9",
							"level": "9"
						}
					}, {
						"featureType": "road",
						"elementType": "labels",
						"stylers": {
							"visibility": "off",
							"curZoomRegionId": "0",
							"curZoomRegion": "6,9",
							"level": "6"
						}
					}, {
						"featureType": "road",
						"elementType": "labels",
						"stylers": {
							"visibility": "off",
							"curZoomRegionId": "0",
							"curZoomRegion": "6,9",
							"level": "7"
						}
					}, {
						"featureType": "road",
						"elementType": "labels",
						"stylers": {
							"visibility": "off",
							"curZoomRegionId": "0",
							"curZoomRegion": "6,9",
							"level": "8"
						}
					}, {
						"featureType": "road",
						"elementType": "labels",
						"stylers": {
							"visibility": "off",
							"curZoomRegionId": "0",
							"curZoomRegion": "6,9",
							"level": "9"
						}
					}, {
						"featureType": "road",
						"elementType": "labels.text",
						"stylers": {
							"fontsize": 24
						}
					}, {
						"featureType": "highway",
						"elementType": "labels.text.stroke",
						"stylers": {
							"color": "#b5b682ff",
							"visibility": "on",
							"weight": 1
						}
					}, {
						"featureType": "highway",
						"elementType": "geometry.fill",
						"stylers": {
							"color": "#7c9885ff",
							"visibility": "on"
						}
					}, {
						"featureType": "highway",
						"elementType": "geometry.stroke",
						"stylers": {
							"color": "#1c4f7eff"
						}
					}, {
						"featureType": "highway",
						"elementType": "labels.text.fill",
						"stylers": {
							"color": "#fedc97ff",
							"visibility": "on"
						}
					}, {
						"featureType": "highway",
						"elementType": "geometry",
						"stylers": {
							"weight": 3
						}
					}, {
						"featureType": "nationalway",
						"elementType": "geometry.fill",
						"stylers": {
							"color": "#7c9885ff",
							"visibility": "on"
						}
					}, {
						"featureType": "nationalway",
						"elementType": "geometry.stroke",
						"stylers": {
							"color": "#1c4f7eff"
						}
					}, {
						"featureType": "nationalway",
						"elementType": "labels.text.fill",
						"stylers": {
							"color": "#fedc97ff",
							"visibility": "on"
						}
					}, {
						"featureType": "nationalway",
						"elementType": "labels.text.stroke",
						"stylers": {
							"color": "#b5b682ff",
							"visibility": "on",
							"weight": 1
						}
					}, {
						"featureType": "nationalway",
						"elementType": "geometry",
						"stylers": {
							"weight": 3
						}
					}, {
						"featureType": "provincialway",
						"elementType": "geometry.fill",
						"stylers": {
							"color": "#7c9885ff",
							"visibility": "on"
						}
					}, {
						"featureType": "cityhighway",
						"elementType": "geometry.fill",
						"stylers": {
							"color": "#7c9885ff",
							"visibility": "on"
						}
					}, {
						"featureType": "arterial",
						"elementType": "geometry.fill",
						"stylers": {
							"color": "#7c9885ff",
							"visibility": "on"
						}
					}, {
						"featureType": "tertiaryway",
						"elementType": "geometry.fill",
						"stylers": {
							"color": "#7c9885ff",
							"visibility": "on"
						}
					}, {
						"featureType": "fourlevelway",
						"elementType": "geometry.fill",
						"stylers": {
							"color": "#7c9885ff",
							"visibility": "on"
						}
					}, {
						"featureType": "local",
						"elementType": "geometry.fill",
						"stylers": {
							"color": "#7c9885ff",
							"visibility": "on"
						}
					}, {
						"featureType": "provincialway",
						"elementType": "geometry.stroke",
						"stylers": {
							"color": "#5e755dff",
							"visibility": "on"
						}
					}, {
						"featureType": "cityhighway",
						"elementType": "geometry.stroke",
						"stylers": {
							"color": "#5e755dff",
							"visibility": "on"
						}
					}, {
						"featureType": "arterial",
						"elementType": "geometry.stroke",
						"stylers": {
							"color": "#5e755dff",
							"visibility": "on"
						}
					}, {
						"featureType": "tertiaryway",
						"elementType": "geometry.stroke",
						"stylers": {
							"color": "#5e755dff",
							"visibility": "on"
						}
					}, {
						"featureType": "fourlevelway",
						"elementType": "geometry.stroke",
						"stylers": {
							"color": "#5e755dff",
							"visibility": "on"
						}
					}, {
						"featureType": "local",
						"elementType": "geometry.stroke",
						"stylers": {
							"color": "#5e755dff",
							"visibility": "on"
						}
					}, {
						"featureType": "local",
						"elementType": "labels.text.fill",
						"stylers": {
							"color": "#fedc97ff",
							"visibility": "on"
						}
					}, {
						"featureType": "local",
						"elementType": "labels.text.stroke",
						"stylers": {
							"color": "#b5b682ff",
							"visibility": "on",
							"weight": 1
						}
					}, {
						"featureType": "fourlevelway",
						"elementType": "labels.text.fill",
						"stylers": {
							"color": "#fedc97ff",
							"visibility": "on"
						}
					}, {
						"featureType": "tertiaryway",
						"elementType": "labels.text.fill",
						"stylers": {
							"color": "#fedc97ff",
							"visibility": "on"
						}
					}, {
						"featureType": "arterial",
						"elementType": "labels.text.fill",
						"stylers": {
							"color": "#fedc97ff",
							"visibility": "on"
						}
					}, {
						"featureType": "cityhighway",
						"elementType": "labels.text.fill",
						"stylers": {
							"color": "#fedc97ff",
							"visibility": "on"
						}
					}, {
						"featureType": "provincialway",
						"elementType": "labels.text.fill",
						"stylers": {
							"color": "#fedc97ff",
							"visibility": "on"
						}
					}, {
						"featureType": "provincialway",
						"elementType": "labels.text.stroke",
						"stylers": {
							"color": "#b5b682ff",
							"visibility": "on",
							"weight": 1
						}
					}, {
						"featureType": "cityhighway",
						"elementType": "labels.text.stroke",
						"stylers": {
							"color": "#b5b682ff",
							"visibility": "on",
							"weight": 1
						}
					}, {
						"featureType": "arterial",
						"elementType": "labels.text.stroke",
						"stylers": {
							"color": "#b5b682",
							"visibility": "on",
							"weight": 1
						}
					}, {
						"featureType": "tertiaryway",
						"elementType": "labels.text.stroke",
						"stylers": {
							"color": "#b5b682ff",
							"visibility": "on",
							"weight": 1
						}
					}, {
						"featureType": "fourlevelway",
						"elementType": "labels.text.stroke",
						"stylers": {
							"color": "#b5b682ff",
							"visibility": "on",
							"weight": 1
						}
					}, {
						"featureType": "fourlevelway",
						"elementType": "geometry",
						"stylers": {
							"weight": 1
						}
					}, {
						"featureType": "tertiaryway",
						"elementType": "geometry",
						"stylers": {
							"weight": 1
						}
					}, {
						"featureType": "local",
						"elementType": "geometry",
						"stylers": {
							"weight": 1
						}
					}, {
						"featureType": "provincialway",
						"elementType": "geometry",
						"stylers": {
							"weight": 3
						}
					}, {
						"featureType": "cityhighway",
						"elementType": "geometry",
						"stylers": {
							"weight": 3
						}
					}, {
						"featureType": "arterial",
						"elementType": "geometry",
						"stylers": {
							"weight": 3
						}
					}, {
						"featureType": "highway",
						"stylers": {
							"curZoomRegionId": "0",
							"curZoomRegion": "6,9",
							"level": "6"
						}
					}, {
						"featureType": "highway",
						"stylers": {
							"curZoomRegionId": "0",
							"curZoomRegion": "6,9",
							"level": "7"
						}
					}, {
						"featureType": "highway",
						"stylers": {
							"curZoomRegionId": "0",
							"curZoomRegion": "6,9",
							"level": "8"
						}
					}, {
						"featureType": "highway",
						"stylers": {
							"curZoomRegionId": "0",
							"curZoomRegion": "6,9",
							"level": "9"
						}
					}, {
						"featureType": "highway",
						"elementType": "geometry",
						"stylers": {
							"visibility": "off",
							"curZoomRegionId": "0",
							"curZoomRegion": "6,9",
							"level": "6"
						}
					}, {
						"featureType": "highway",
						"elementType": "geometry",
						"stylers": {
							"visibility": "off",
							"curZoomRegionId": "0",
							"curZoomRegion": "6,9",
							"level": "7"
						}
					}, {
						"featureType": "highway",
						"elementType": "geometry",
						"stylers": {
							"visibility": "off",
							"curZoomRegionId": "0",
							"curZoomRegion": "6,9",
							"level": "8"
						}
					}, {
						"featureType": "highway",
						"elementType": "geometry",
						"stylers": {
							"visibility": "off",
							"curZoomRegionId": "0",
							"curZoomRegion": "6,9",
							"level": "9"
						}
					}, {
						"featureType": "highway",
						"elementType": "labels",
						"stylers": {
							"visibility": "off",
							"curZoomRegionId": "0",
							"curZoomRegion": "6,9",
							"level": "6"
						}
					}, {
						"featureType": "highway",
						"elementType": "labels",
						"stylers": {
							"visibility": "off",
							"curZoomRegionId": "0",
							"curZoomRegion": "6,9",
							"level": "7"
						}
					}, {
						"featureType": "highway",
						"elementType": "labels",
						"stylers": {
							"visibility": "off",
							"curZoomRegionId": "0",
							"curZoomRegion": "6,9",
							"level": "8"
						}
					}, {
						"featureType": "highway",
						"elementType": "labels",
						"stylers": {
							"visibility": "off",
							"curZoomRegionId": "0",
							"curZoomRegion": "6,9",
							"level": "9"
						}
					}, {
						"featureType": "nationalway",
						"stylers": {
							"curZoomRegionId": "0",
							"curZoomRegion": "6,9",
							"level": "6"
						}
					}, {
						"featureType": "nationalway",
						"stylers": {
							"curZoomRegionId": "0",
							"curZoomRegion": "6,9",
							"level": "7"
						}
					}, {
						"featureType": "nationalway",
						"stylers": {
							"curZoomRegionId": "0",
							"curZoomRegion": "6,9",
							"level": "8"
						}
					}, {
						"featureType": "nationalway",
						"stylers": {
							"curZoomRegionId": "0",
							"curZoomRegion": "6,9",
							"level": "9"
						}
					}, {
						"featureType": "nationalway",
						"elementType": "geometry",
						"stylers": {
							"visibility": "off",
							"curZoomRegionId": "0",
							"curZoomRegion": "6,9",
							"level": "6"
						}
					}, {
						"featureType": "nationalway",
						"elementType": "geometry",
						"stylers": {
							"visibility": "off",
							"curZoomRegionId": "0",
							"curZoomRegion": "6,9",
							"level": "7"
						}
					}, {
						"featureType": "nationalway",
						"elementType": "geometry",
						"stylers": {
							"visibility": "off",
							"curZoomRegionId": "0",
							"curZoomRegion": "6,9",
							"level": "8"
						}
					}, {
						"featureType": "nationalway",
						"elementType": "geometry",
						"stylers": {
							"visibility": "off",
							"curZoomRegionId": "0",
							"curZoomRegion": "6,9",
							"level": "9"
						}
					}, {
						"featureType": "nationalway",
						"elementType": "labels",
						"stylers": {
							"visibility": "off",
							"curZoomRegionId": "0",
							"curZoomRegion": "6,9",
							"level": "6"
						}
					}, {
						"featureType": "nationalway",
						"elementType": "labels",
						"stylers": {
							"visibility": "off",
							"curZoomRegionId": "0",
							"curZoomRegion": "6,9",
							"level": "7"
						}
					}, {
						"featureType": "nationalway",
						"elementType": "labels",
						"stylers": {
							"visibility": "off",
							"curZoomRegionId": "0",
							"curZoomRegion": "6,9",
							"level": "8"
						}
					}, {
						"featureType": "nationalway",
						"elementType": "labels",
						"stylers": {
							"visibility": "off",
							"curZoomRegionId": "0",
							"curZoomRegion": "6,9",
							"level": "9"
						}
					}, {
						"featureType": "provincialway",
						"stylers": {
							"curZoomRegionId": "0",
							"curZoomRegion": "8,10",
							"level": "8"
						}
					}, {
						"featureType": "provincialway",
						"stylers": {
							"curZoomRegionId": "0",
							"curZoomRegion": "8,10",
							"level": "9"
						}
					}, {
						"featureType": "provincialway",
						"elementType": "geometry",
						"stylers": {
							"visibility": "off",
							"curZoomRegionId": "0",
							"curZoomRegion": "8,10",
							"level": "8"
						}
					}, {
						"featureType": "provincialway",
						"elementType": "geometry",
						"stylers": {
							"visibility": "off",
							"curZoomRegionId": "0",
							"curZoomRegion": "8,10",
							"level": "9"
						}
					}, {
						"featureType": "provincialway",
						"elementType": "labels",
						"stylers": {
							"visibility": "off",
							"curZoomRegionId": "0",
							"curZoomRegion": "8,10",
							"level": "8"
						}
					}, {
						"featureType": "provincialway",
						"elementType": "labels",
						"stylers": {
							"visibility": "off",
							"curZoomRegionId": "0",
							"curZoomRegion": "8,10",
							"level": "9"
						}
					}, {
						"featureType": "cityhighway",
						"stylers": {
							"curZoomRegionId": "0",
							"curZoomRegion": "6,9",
							"level": "6"
						}
					}, {
						"featureType": "cityhighway",
						"stylers": {
							"curZoomRegionId": "0",
							"curZoomRegion": "6,9",
							"level": "7"
						}
					}, {
						"featureType": "cityhighway",
						"stylers": {
							"curZoomRegionId": "0",
							"curZoomRegion": "6,9",
							"level": "8"
						}
					}, {
						"featureType": "cityhighway",
						"stylers": {
							"curZoomRegionId": "0",
							"curZoomRegion": "6,9",
							"level": "9"
						}
					}, {
						"featureType": "cityhighway",
						"elementType": "geometry",
						"stylers": {
							"visibility": "off",
							"curZoomRegionId": "0",
							"curZoomRegion": "6,9",
							"level": "6"
						}
					}, {
						"featureType": "cityhighway",
						"elementType": "geometry",
						"stylers": {
							"visibility": "off",
							"curZoomRegionId": "0",
							"curZoomRegion": "6,9",
							"level": "7"
						}
					}, {
						"featureType": "cityhighway",
						"elementType": "geometry",
						"stylers": {
							"visibility": "off",
							"curZoomRegionId": "0",
							"curZoomRegion": "6,9",
							"level": "8"
						}
					}, {
						"featureType": "cityhighway",
						"elementType": "geometry",
						"stylers": {
							"visibility": "off",
							"curZoomRegionId": "0",
							"curZoomRegion": "6,9",
							"level": "9"
						}
					}, {
						"featureType": "cityhighway",
						"elementType": "labels",
						"stylers": {
							"visibility": "off",
							"curZoomRegionId": "0",
							"curZoomRegion": "6,9",
							"level": "6"
						}
					}, {
						"featureType": "cityhighway",
						"elementType": "labels",
						"stylers": {
							"visibility": "off",
							"curZoomRegionId": "0",
							"curZoomRegion": "6,9",
							"level": "7"
						}
					}, {
						"featureType": "cityhighway",
						"elementType": "labels",
						"stylers": {
							"visibility": "off",
							"curZoomRegionId": "0",
							"curZoomRegion": "6,9",
							"level": "8"
						}
					}, {
						"featureType": "cityhighway",
						"elementType": "labels",
						"stylers": {
							"visibility": "off",
							"curZoomRegionId": "0",
							"curZoomRegion": "6,9",
							"level": "9"
						}
					}, {
						"featureType": "arterial",
						"stylers": {
							"curZoomRegionId": "0",
							"curZoomRegion": "9,9",
							"level": "9"
						}
					}, {
						"featureType": "arterial",
						"elementType": "geometry",
						"stylers": {
							"visibility": "off",
							"curZoomRegionId": "0",
							"curZoomRegion": "9,9",
							"level": "9"
						}
					}, {
						"featureType": "arterial",
						"elementType": "labels",
						"stylers": {
							"visibility": "off",
							"curZoomRegionId": "0",
							"curZoomRegion": "9,9",
							"level": "9"
						}
					}]
				}
			},
		};
		// 显示
		myChart.setOption(option);
		$.ajax({

			type:"get",
			url:"/manager/analysis/citySum",
			dataType:"json",
			success:function (data) {
				console.log(data);
				var ac = [];
				for(var i = 0;i<data.length; i++){
					var obj = data[i];
					var city = obj.f_city;
					var num = obj.num;
					var target = {};
					target.name = city;
					target.value = num;
					ac[i] = target;
				}
				console.log(ac);
				console.log(convertData(ac));
				myChart.setOption({
					series: [
						{
							name: '就业人数',
							type: 'effectScatter',
							coordinateSystem: 'bmap',
							data: convertData(
									ac.sort(function (a, b) {
										console.log(a);
										console.log(b);
										return b.value - a.value;
									})
											.slice(0, 5)
							),

							symbol: 'pin',
							symbolSize:44,
							encode: {
								value: 2
							},
							showEffectOn: 'render',
							rippleEffect: {
								brushType: 'stroke'
							},
							label: {
								formatter: '{b}',
								position: 'right',
								show: true
							},
							itemStyle: {
								shadowBlur: 20,
								shadowColor: '#333333',
								color:'rgba(221,182,255,0.8)'
							},
							emphasis: {
								scale: true
							},
							zlevel: 1
						}
					]
				})
			}, error:function () {
				alert("异步交互失败");
			}
		});

	});

	$(function(){
		var myChart = echarts.init($("#shijian01")[0]);
		var option = {
			legend: {
				data: ['标准次数', '实际次数'],
				textStyle: {
					color: "#e9ebee"

				}
			},
			tooltip: {
				trigger: 'item'
			},
			radar: {
				// shape: 'circle',
				indicator: [
					{ name: '栾小梅', max:6 },
					{ name: '张益博', max:6 },
					{ name: '崔倩倩', max:6 },
					{ name: '李红', max: 6 },
					{ name: '李宇', max: 6 }
				],
				axisName: {
					color: '#fff'
				}
			},
			series: [
				{

					name: '作业发布次数',
					type: 'radar',
					emphasis: {
						focus: 'series'
					},
					data: [
						{
							value: [5, 5, 5, 5, 5],
							name: '标准次数'
						},
						{
							value: [5, 3, 4, 2, 3],
							name: '实际次数'
						}
					]
				}
			]

		};
		myChart.setOption(option);
		$.ajax({
			type:"get", //向后台发送请求的方式
			url:"/manager/analysis/exerciseSum", //向后台请求的url地址
			dataType:"json", //服务器返回的数据类型
			success:function(data){
				//异步交互成功的回调函数，data就是后台返回的json数据
				console.log(data);
				var a = {};
				var b = {};
				var arr1 = [];
				arr1[0] = data[0].times;
				arr1[1] = data[1].times;
				arr1[2] = data[2].times;
				arr1[3] = data[3].times;
				arr1[4] = data[4].times;
				console.log(arr1);
				var arr2 = [5,5,5,5,5];
				console.log(arr2);
				a.value = arr2;
				a.name = '标准次数';
				b.value = arr1;
				b.name = '实际次数';
				var arr = [a,b];
				console.log(arr);
				myChart.setOption({
					series: [{
						data: arr
					}]
				});
			},
			error:function(){
				alert("异步交互失败~");
			}
		});
	});

	//本周各班级考核次数统计
	$(function() {
		var myChart = echarts.init($("#shijian02")[0]);
		var option = {
			tooltip: {
				trigger: 'axis',
				axisPointer: {
					type: 'shadow'
				}
			},
			legend: {
				data: ['标准考核次数', '实际考核次数'],
				textStyle: {
					color: "#e9ebee"

				}
			},
			toolbox: {
				show: true,
				orient: 'vertical',
				left: 'right',
				top: 'center',
				feature: {
					mark: { show: true },
					dataView: { show: true, readOnly: false },
					magicType: { show: true, type: ['line', 'bar', 'stack'] },
					restore: { show: true },
					saveAsImage: { show: true }
				}
			},
			xAxis: [
				{
					type: 'category',
					axisTick: { show: false },
					data: ['java280', 'java281', 'java282', 'java283', 'java284'],
					nameTextStyle: {
						color: "rgba(233, 235, 238, 100)"
					},
					axisLine: {
						lineStyle: {
							color: "rgba(233, 235, 238, 100)"
						}
					}
				}
			],
			yAxis: [
				{
					type: 'value',
					nameTextStyle: {
						color: "rgba(233, 235, 238, 100)"
					},
					axisLine: {
						lineStyle: {
							color: "rgb(223,225,227)"
						}
					}
				}
			],
			series: [
				{
					name: '标准考核次数',
					type: 'bar',
					barGap: 0,
					itemStyle: {
						color: '#66c3ee'
					},
					emphasis: {
						focus: 'series'
					},
					data: [1, 1, 1, 1, 1]
				},
				{
					name: '实际考核次数',
					type: 'bar',
					itemStyle: {
						color:  '#EE6666'
					},
					emphasis: {
						focus: 'series'
					},
					data: [1, 0, 2, 1, 0]
				}
			]
		};
		$.ajax({
			type: "get", //向后台发送请求的方式
			url: "/manager/analysis/listExamNumber", //向后台请求的url地址
			dataType: "json", //服务器返回的数据类型
			success: function (data) {
				//异步交互成功的回调函数，data就是后台返回的json数据
				console.log(data);
				//声明数组
				var classname = [];
				var bznum = [];
				var sjnum = [];
				//循环遍历服务器返回的数组对象
				for (var i = 0; i < data.length; i++) {
					//获取每一个数组元素
					var obj = data[i];
					//获取obj对象的属性值
					classname[i] = obj.f_classname;
					sjnum[i] = obj.num == undefined ? 0 :obj.num;
					bznum[i] = 1;

				}
				//console.log(arr);
				myChart.setOption({
					xAxis: {
						data:classname
					},
					series: [{
						data: bznum
					},{
						data: sjnum
					}]
				});

			},
			error:function(){
				alert("考核次数异步交互失败~");
			}
		});
		myChart.setOption(option);
	});

	//发送异步请求，获取班级信息列表
	$(function(){
		$.ajax({
			url:"/manager/analysis/listClssesInfo",
			type:"get",
			dataType:"json",
			success:function (data) {
				//局部刷新表格数据
				console.log(data);
				if(data != null){
					$.each(data,function (index,item) {
						$("#classTb").append("<tr>" +
								"<td>"+item.f_classname+"</td>" +
								"<td>"+item.f_remainum+"</td>" +
								"<td>"+item.f_mastername+"</td>" +
								"<td>"+(item.num == undefined ? 0 : item.num)+"</td>" +
								"<td>"+item.f_progress+"</td>" +
								"</tr>");
					});
				}
			}
		});
	});

	$(function () {
		$.ajax({
			type:"post",
			url:"/manager/analysis/scoreInfo",
			dataType: "json",
			success:function (data) {
				console.log(data);
				$("#score_sum").text(data.score_sum);
				$("#score_avg").text(data.score_avg);
			}
		});
	});

	$(function(){
		$.ajax({
			url:"/manager/analysis/listClssesInfo3",
			type:"get",
			dataType:"json",
			success:function (data) {
				//局部刷新表格数据
				console.log(data);
				if(data != null){
					$.each(data,function (index,item) {
						$("#classTb1").append("<tr>" +
								"<td>"+item.f_name+"</td>" +
								"<td>"+item.f_classname+"</td>" +
								"<td>"+item.f_core+"</td>" +
								"<td>"+item.f_progress+"</td>" +
								"<td>"+(item.f_suggestion == undefined ? "无" : item.f_suggestion)+"</td>" +
								"</tr>");
					});
				}
			}
		});
	});

	$(function(){
		//
		$.ajax({
			type:"post",
			url:"/manager/analysis/exInfo",
			dataType:"json",
			success:function(data){
				console.log(data);
				$("#complete_rate").text(data.complete_rate+"%");
				$("#submit_rate").text(data.submit_rate+"%");
				$("#lt40_rate").text(data.lt40_rate+"%");
				$("#gt80_rate").text(data.gt80_rate+"%");
			}
		});
		//
		//
	});

	//折线图
	$(function() {
		var myChart = echarts.init($("#zhanbi02")[0]);
		var option = {

			tooltip: {
				trigger: 'axis'
			},
			legend: {
				data: ['在训人数', '重点关注人数'],
				textStyle: {
					color: "#ffffff"

				}
			},
			grid: {
				left: '3%',
				right: '4%',
				bottom: '3%',
				containLabel: true
			},
			toolbox: {
				feature: {
					saveAsImage: {}
				}
			},
			xAxis: {
				type: 'category',
				boundaryGap: false,
				axisLabel: {
					textStyle: {
						color: '#ffffff'
					}
				},
				data: ['208', '291', '290', '293', '294', '297']
			},
			yAxis: {
				type: 'value',
				axisLabel: {
					textStyle: {
						color: '#ffffff'
					}
				}
			},
			series: [
				{
					name: '在训人数',
					type: 'line',
					data: [11, 15, 19, 20, 16, 22]
				},
				{
					name: '重点关注人数',
					type: 'line',
					data: [0, 1, 1, 1, 2, 1]
				},
			]
		};
		myChart.setOption(option);

		$.ajax({
			type:"get", //向后台发送请求的方式
			url:"/manager/analysis/listClssesInfo2", //向后台请求的url地址
			dataType:"json", //服务器返回的数据类型
			success:function(data){
				//异步交互成功的回调函数，data就是后台返回的json数据
				console.log(data);
				//声明数组
				var classname = [];
				var remainum=[];
				var num=[];
				//循环遍历服务器返回的数组对象
				for(var i = 0; i < data.length; i++){
					//获取每一个数组元素
					var  obj = data[i];
					//获取obj对象的属性值
					classname[i]=obj.f_classname;
					remainum[i]=obj.f_remainum;
					num[i]=obj.num == undefined ? 0 : obj.num;
				}
				//console.log(arr);
				myChart.setOption({
					xAxis:{
						data:classname
					},
					series: [{
						name:"在训人数",
						data: remainum
					},{
						name:"重点关注人数",
						data:num
					}]
				});
			},
			error:function(){
				alert("异步交互失败~");
			}
		});
	});
	//核心作业提交率和完成率统计柱状图展示
	$(function() {
		var myChart = echarts.init($("#allAly03")[0]);
		option = {
			title: {
				text: '本周核心作业提交率和完成率统计',
				textStyle: {
					color: "#e9ebee"

				},
				x: 'center'

			},
			tooltip: {
				trigger: "axis",
				formatter: "{b0}班 : {c0}% <br/>{b1}班 : {c1}%",
				axisPointer: {
					type: "shadow"
				}
			},
			legend: {
				orient: 'vertical',
				x: 'left',
				data:['提交率',"完成率"],
				textStyle: {
					color: "#e9ebee"

				},
			},
			calculable: false,
			xAxis: [{
				type: 'category',
				splitLine: {
					show: false
				},
				axisLabel: {
					formatter: '{value} ',
					textStyle: {
						color: '#a4a7ab',
						align: 'right'
					}
				},
				data: ["java293","java294","java295","java296","java297","java298"]
			}],
			yAxis: [{
				type: 'value',
				splitLine: {
					show: false
				},
				axisLabel: {
					interval: 'auto',
					formatter: '{value} %',
					textStyle: {
						color: '#a4a7ab',
						align: 'right'
					}
				}
			}],
			grid: {
				borderWidth: 0
			},
			series: [{
				name: '完成率',

				type: 'bar',
				data: [50, 20, 40, 87, 75, 67],
				itemStyle: {
					normal: {
						color: '#2481ff'
					}
				},
				markPoint: {
					data: [{
						type: 'max',
						name: '最大值'
					},
						{
							type: 'min',
							name: '最小值'
						}
					]
				},
				markLine: {
					data: [{
						type: 'average',
						name: '平均值'
					}]
				}
			},
				{
					name: '提交率',
					type: 'bar',
					data: [80, 75, 90, 100, 60, 88],
					itemStyle: {
						normal: {
							color: '#1afffd'
						}
					},
					markPoint: {
						data: [{
							type: 'max',
							name: '最大值'
						},
							{
								type: 'min',
								name: '最小值'
							}
						]
					},
					markLine: {
						data: [{
							type: 'average',
							name: '平均值'
						}]
					}
				}
			]
		};
		myChart.setOption(option);

		$.ajax({
			type:"get", //向后台发送请求的方式
			url:"/manager/analysis/listCS", //向后台请求的url地址
			dataType:"json", //服务器返回的数据类型
			success:function(data){
				//异步交互成功的回调函数，data就是后台返回的json数据
				console.log(data);
				//声明数组
				var classname = [];
				var submitRate=[];
				var completeRate=[];
				//循环遍历服务器返回的数组对象
				for(var i = 0; i < data.length; i++){
					//获取每一个数组元素
					var  obj = data[i];
					//获取obj对象的属性值
					classname[i]=obj.f_classname;
					submitRate[i]=obj.avgSubmitRate;
					completeRate[i]=obj.avgCompleteRate;
				}
				//console.log(arr);
				myChart.setOption({
					xAxis:{
						data:classname
					},
					series: [{
						name:"提交率",
						data: submitRate
					},{
						name:"完成率",
						data:completeRate
					}]
				});
			},
			error:function(){
				alert("异步交互失败~");
			}
		});
	});
	//各班级平均成绩
	$(function(){
		var myChart = echarts.init($("#allAly04")[0]);
		option = {
			title: {
				text: '本周各班级平均成绩',
				left: 'center',
				textStyle:{
					color: "white",
					fontWeight: "bold",
				}
			},
			tooltip: {
				trigger: 'item'
			},
			series: [
				{
					name: '平均成绩',
					type: 'pie',
					radius: '50%',
					data: [
						{value: 80, name: 'java297'},
						{value: 75, name: 'java230'},
						{value: 35.4, name: 'java'},
						{value: 86, name: 'java299'},
						{value: 90, name: 'java289'}
					],
					emphasis: {
						itemStyle: {
							shadowBlur: 10,
							shadowOffsetX: 0,
							shadowColor: 'rgba(0, 0, 0, 0.5)'
						}
					}
				}
			]
		};
		myChart.setOption(option);
		$.ajax({
			type:"get", //向后台发送请求的方式
			url:"/manager/analysis/listClassesAvgScore", //向后台请求的url地址
			dataType:"json", //服务器返回的数据类型
			success:function(data){
				//异步交互成功的回调函数，data就是后台返回的json数据
				console.log(data);
				//声明数组
				var arr = [];
				//循环遍历服务器返回的数组对象
				for(var i = 0; i < data.length; i++){
					//获取每一个数组元素
					var  obj = data[i];
					//获取obj对象的属性值
					var classname = obj.f_classname;
					var avg_score = obj.score_avg;
					//声明对象
					var target = {};
					target.name = classname;
					target.value = avg_score;
					arr[i] = target;
				}
				console.log(arr);
				myChart.setOption({
					series: [{
						data: arr
					}]
				});

			},
			error:function(){
				alert("异步交互失败~");
			}
		});
	});
	//A/B/C/D类学员图表
	$(function(){
		var myChart = echarts.init($("#allAly05")[0]);
		option = {
			title: {
				text: '学员等级',
				textStyle:{
					color: "white",
					fontWeight: "bold",
				}
			},
			tooltip: {
				trigger: 'item'
			},
			toolbox: {
				feature: {
					dataView: {readOnly: false},
					restore: {},
					saveAsImage: {}
				}
			},
			legend: {
				data: ['A类','B类','C类','D类','E类'],
				textStyle: {
					color: "#e9ebee"

				}
			},

			series: [
				{
					name:'学员等级',
					type:'funnel',
					left: '5%',
					top: 60,
					bottom: 60,
					min: 0,
					max: 100,
					minSize: '0%',
					maxSize: '100%',
					sort: 'descending',
					gap: 2,
					label: {
						show: true,
						position: 'inside'
					},
					labelLine: {
						length: 10,
						lineStyle: {
							width: 1,
							type: 'solid'
						}
					},
					itemStyle: {
						borderColor: '#fff',
						borderWidth: 1
					},
					emphasis: {
						label: {
							fontSize: 20
						}
					},
					data: [
						{value: 60, name: 'E类'},
						{value: 40, name: 'D类'},
						{value: 20, name: 'C类'},
						{value: 80, name: 'B类'},
						{value: 100, name: 'A类'}
					]
				}
			]
		};
		myChart.setOption(option);
		$.ajax({
			type:"get", //向后台发送请求的方式
			url:"/manager/analysis/test", //向后台请求的url地址
			dataType:"json", //服务器返回的数据类型
			success:function(data){
				//异步交互成功的回调函数，data就是后台返回的json数据
				console.log(data);
				//声明数组
				var a = {};
				var b = {};
				var c = {};
				var d = {};
				var e = {};
				//获取obj对象的属性值
				a.value = data.A;
				a.name = 'A';
				b.value = data.B;
				b.name = 'B';
				c.value = data.C;
				c.name = 'C';
				d.value = data.D;
				d.name = 'D';
				e.value = data.E;
				e.name = 'E';
				var arr = [a,b,c,d,e];
				console.log(arr);
				myChart.setOption({
					legend:{
						data:[a.name,b.name,c.name,d.name,e.name]
					},
					series: [{
						data: arr
					}]
				});
			},
			error:function(){
				alert("异步交互失败~");
			}
		});
	});
</script>
